<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<html class="no-js">

<head>
    <title>Admin Home Page</title>
    <!-- Bootstrap -->
    <link href="${ctx}/static/master/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="${ctx}/static/master/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" media="screen">
    <link href="${ctx}/static/master/vendors/easypiechart/jquery.easy-pie-chart.css" rel="stylesheet" media="screen">
    <link href="${ctx}/static/master/assets/styles.css" rel="stylesheet" media="screen">
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
    <![endif]-->
    <script src="${ctx}/static/master/vendors/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>

<body>
<div class="navbar navbar-fixed-top">
    <div class="navbar-inner">
        <div class="container-fluid">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="#">Admin Panel</a>

            <div class="nav-collapse collapse">
                <ul class="nav pull-right">
                    <li class="dropdown">
                        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown"> <i
                                class="icon-user"></i> Vincent Gabriel <i class="caret"></i>

                        </a>
                        <ul class="dropdown-menu">
                            <li>
                                <a tabindex="-1" href="#">Profile</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a tabindex="-1" href="login.html">Logout</a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <ul class="nav">
                   <span>长沙XXXX有限责任公司</span>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </div>
</div>
<div class="container-fluid">
    <div class="row-fluid">
        <!--/span-->
        <div class="span12" id="content">
            <div class="row-fluid">
                <div class="navbar">
                    <div class="navbar-inner">
                        <ul class="breadcrumb">
                            <i class="icon-chevron-left hide-sidebar">
                                <a href='#' title="Hide Sidebar" rel='tooltip'>&nbsp;</a>
                            </i>
                            <i class="icon-chevron-right show-sidebar" style="display:none;">
                                <a href='#' title="Show Sidebar" rel='tooltip'>&nbsp;</a>
                            </i>
                            <li>
                                航道地图 <span class="divider">|</span>
                            </li>
                            <li>
                                <a href="${ctx}/navigation/list">航标列表</a> <span class="divider">|</span>
                            </li>
                            <li class="active">
                                <a href="${ctx}/user/list">用户列表</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="row-fluid">
                <div class="span3">
                    <!-- block -->
                    <div class="block">
                        <div class="navbar navbar-inner block-header">
                            <div class="muted pull-left">机构与下位机树状图</div>
                            <div class="pull-right"><span class="badge badge-info">1,234</span>

                            </div>
                        </div>
                        <div class="block-content collapse in">
                            <input id="but" type="button" name="Button" value="Button">
                        </div>
                    </div>
                    <!-- /block -->
                </div>
                <div class="span9">
                    <!-- block -->
                    <div class="block">
                        <div class="navbar navbar-inner block-header">
                            <div class="muted pull-left">地图</div>
                            <div class="pull-right"><span class="badge badge-info">752</span>

                            </div>
                        </div>
                        <div id="map" class="block-content collapse in">
                            <input id="j" type="hidden" value="10">
                            <input id="w" type="hidden" value="20">

                            <iframe id="mapFrame" src="${ctx}/map/t" width="100%" height="500">
                            </iframe>
                        </div>
                    </div>
                    <!-- /block -->
                </div>
            </div>
        </div>
    </div>
    <hr>
    <footer>
        <p>&copy; Vincent Gabriel 2013</p>
    </footer>
</div>
<!--/.fluid-container-->
<script src="${ctx}/static/master/vendors/jquery-1.9.1.min.js"></script>
<script src="${ctx}/static/master/bootstrap/js/bootstrap.min.js"></script>
<script src="${ctx}/static/master/vendors/easypiechart/jquery.easy-pie-chart.js"></script>
<script src="${ctx}/static/master/assets/scripts.js"></script>
<script>
   $(function () {
       $("#but").click(function(){
           $("#j").val(1);
           $("#w").val(2);
           document.getElementById('mapFrame').src="${ctx}/map/t";
       });
    });
</script>
</body>

</html>